<template>
	<div>
		<!-- :border="false" -->
		<ux-grid ref="singleTable" v-if="reLoadFlg" :data="prposTabelData" style="width: 100%" :header-cell-style="{
			color: 'rgba(0, 0, 0, 0.85)',
			fontSize: '14px',
			textAlign: 'left',
			fontWeight: 'bold',
			padding: 0,
			height: '32px',
		}" :cell-style="{
			color: 'rgba(96,98,102,1)',
			fontSize: '14px',
			textAlign: 'left',
			padding: 0,
			height: '32px',
		}" :row-style="{
			color: 'rgba(96,98,102,1)',
			fontSize: '13px',
			textAlign: 'left',
			padding: 0,
			height: '32px',
		}" @current-change="handleCurrentChange" highlight-current-row :height="tableHeight" v-loading="loading"
			element-loading-spinner="el-icon-loading" element-loading-background="#f8f8f8"
			:element-loading-text="$t('message.bhView.loading')">
			<template slot="empty"> {{ empty }} </template>
			<ux-table-column property="GRN_POS_NAME" :title="tabelConfigObject.GRN_POS_NAME.caption"
				:width="tabelConfigObject.GRN_POS_NAME.width" :fixed="JSON.parse(tabelConfigObject.GRN_POS_NAME.isFlex)
					? 'left'
					: ''
					" v-if="JSON.parse(tabelConfigObject.GRN_POS_NAME.isShow)">
				<template slot-scope="scope">
					<p class="hideTextView" :title="scope.row.GRN_POS_NAME">
						{{ scope.row.GRN_POS_NAME }}
					</p>
				</template>
			</ux-table-column>
			<ux-table-column property="POS_NAME" :title="tabelConfigObject.POS_NAME.caption"
				:width="tabelConfigObject.POS_NAME.width" :fixed="JSON.parse(tabelConfigObject.POS_NAME.isFlex) ? 'left' : ''
					" v-if="JSON.parse(tabelConfigObject.POS_NAME.isShow)">
				<template slot-scope="scope">
					<p class="hideTextView" :title="scope.row.POS_NAME">
						{{ scope.row.POS_NAME }}
					</p>
				</template>
			</ux-table-column>
			<ux-table-column property="CL_NAME" :title="tabelConfigObject.CL_NAME.caption"
				:width="tabelConfigObject.CL_NAME.width" :fixed="JSON.parse(tabelConfigObject.CL_NAME.isFlex) ? 'left' : ''
					" v-if="JSON.parse(tabelConfigObject.CL_NAME.isShow)">
				<template slot-scope="scope">
					<p class="hideTextView" :title="scope.row.CL_NAME">
						{{ scope.row.CL_NAME }}
					</p>
				</template>
			</ux-table-column>
			<ux-table-column property="MSR_PNT" :title="tabelConfigObject.MSR_PNT.caption"
				:width="tabelConfigObject.MSR_PNT.width" :fixed="JSON.parse(tabelConfigObject.MSR_PNT.isFlex) ? 'left' : ''
					" v-if="JSON.parse(tabelConfigObject.MSR_PNT.isShow)">
				<template slot-scope="scope">
					<p class="hideTextView" :title="scope.row.MSR_PNT">
						{{ scope.row.MSR_PNT }}
					</p>
				</template>
			</ux-table-column>
			<ux-table-column property="PART_NAME" :title="tabelConfigObject.PART_NAME.caption"
				:width="tabelConfigObject.PART_NAME.width" :fixed="JSON.parse(tabelConfigObject.PART_NAME.isFlex) ? 'left' : ''
					" v-if="JSON.parse(tabelConfigObject.PART_NAME.isShow)">
				<template slot-scope="scope">
					<p class="hideTextView" :title="scope.row.PART_NAME">
						{{ scope.row.PART_NAME }}
					</p>
				</template>
			</ux-table-column>
			<ux-table-column property="ORG_THCK" :title="tabelConfigObject.ORG_THCK.caption"
				:width="tabelConfigObject.ORG_THCK.width" :fixed="JSON.parse(tabelConfigObject.ORG_THCK.isFlex) ? 'left' : ''
					" v-if="JSON.parse(tabelConfigObject.ORG_THCK.isShow)">
				<template slot-scope="scope">
					<p class="hideTextView right-text" :title="scope.row.ORG_THCK">
						{{ scope.row.ORG_THCK }}
					</p>
				</template>
			</ux-table-column>
			<ux-table-column property="MGT_THCK" :title="tabelConfigObject.MGT_THCK.caption"
				:width="tabelConfigObject.MGT_THCK.width" :fixed="JSON.parse(tabelConfigObject.MGT_THCK.isFlex) ? 'left' : ''
					" v-if="JSON.parse(tabelConfigObject.MGT_THCK.isShow)">
				<template slot-scope="scope">
					<p class="hideTextView right-text" :title="scope.row.MGT_THCK">
						{{ scope.row.MGT_THCK }}
					</p>
				</template>
			</ux-table-column>
			<ux-table-column property="LMT_THCK" :title="tabelConfigObject.LMT_THCK.caption"
				:width="tabelConfigObject.LMT_THCK.width" :fixed="JSON.parse(tabelConfigObject.LMT_THCK.isFlex) ? 'left' : ''
					" v-if="JSON.parse(tabelConfigObject.LMT_THCK.isShow)">
				<template slot-scope="scope">
					<p class="hideTextView right-text" :title="scope.row.LMT_THCK">
						{{ scope.row.LMT_THCK }}
					</p>
				</template>
			</ux-table-column>
			<ux-table-column property="MTR_NAME" :title="tabelConfigObject.MTR_NAME.caption"
				:width="tabelConfigObject.MTR_NAME.width" :fixed="JSON.parse(tabelConfigObject.MTR_NAME.isFlex) ? 'left' : ''
					" v-if="JSON.parse(tabelConfigObject.MTR_NAME.isShow)">
				<template slot-scope="scope">
					<p class="hideTextView" :title="scope.row.MTR_NAME">
						{{ scope.row.MTR_NAME }}
					</p>
				</template>
			</ux-table-column>
			<ux-table-column property="SIZ_NAME" :title="tabelConfigObject.SIZ_NAME.caption"
				:width="tabelConfigObject.SIZ_NAME.width" :fixed="JSON.parse(tabelConfigObject.SIZ_NAME.isFlex) ? 'left' : ''
					" v-if="JSON.parse(tabelConfigObject.SIZ_NAME.isShow)">
				<template slot-scope="scope">
					<p class="hideTextView" :title="scope.row.SIZ_NAME">
						{{ scope.row.SIZ_NAME }}
					</p>
				</template>
			</ux-table-column>
			<ux-table-column property="SCH_NAME" :title="tabelConfigObject.SCH_NAME.caption"
				:width="tabelConfigObject.SCH_NAME.width" :fixed="JSON.parse(tabelConfigObject.SCH_NAME.isFlex) ? 'left' : ''
					" v-if="JSON.parse(tabelConfigObject.SCH_NAME.isShow)">
				<template slot-scope="scope">
					<p class="hideTextView" :title="scope.row.SCH_NAME">
						{{ scope.row.SCH_NAME }}
					</p>
				</template>
			</ux-table-column>
			<ux-table-column property="WAY_NAME" :title="tabelConfigObject.WAY_NAME.caption"
				:width="tabelConfigObject.WAY_NAME.width" :fixed="JSON.parse(tabelConfigObject.WAY_NAME.isFlex) ? 'left' : ''
					" v-if="JSON.parse(tabelConfigObject.WAY_NAME.isShow)">
				<template slot-scope="scope">
					<p class="hideTextView" :title="scope.row.WAY_NAME">
						{{ scope.row.WAY_NAME }}
					</p>
				</template>
			</ux-table-column>
			<ux-table-column property="USE_YEAR" :title="tabelConfigObject.USE_YEAR.caption"
				:width="tabelConfigObject.USE_YEAR.width" :fixed="JSON.parse(tabelConfigObject.USE_YEAR.isFlex) ? 'left' : ''
					" v-if="JSON.parse(tabelConfigObject.USE_YEAR.isShow)">
				<template slot-scope="scope">
					<p class="hideTextView right-text" :title="scope.row.USE_YEAR">
						{{ scope.row.USE_YEAR }}
					</p>
				</template>
			</ux-table-column>
			<ux-table-column property="ACC_CNT" :title="tabelConfigObject.ACC_CNT.caption"
				:width="tabelConfigObject.ACC_CNT.width" :fixed="JSON.parse(tabelConfigObject.ACC_CNT.isFlex) ? 'left' : ''
					" v-if="JSON.parse(tabelConfigObject.ACC_CNT.isShow)">
				<template slot-scope="scope">
					<p class="hideTextView right-text" :title="scope.row.ACC_CNT">
						{{ scope.row.ACC_CNT }}
					</p>
				</template>
			</ux-table-column>
			<ux-table-column property="ORG_LST_THK" :title="tabelConfigObject.ORG_LST_THK.caption"
				:width="tabelConfigObject.ORG_LST_THK.width" :fixed="JSON.parse(tabelConfigObject.ORG_LST_THK.isFlex)
					? 'left'
					: ''
					" v-if="JSON.parse(tabelConfigObject.ORG_LST_THK.isShow)">
				<template slot-scope="scope">
					<p class="hideTextView right-text" :style="'background:' + scope.row.orgLstThkColor"
						:title="scope.row.ORG_LST_THK">
						{{ scope.row.ORG_LST_THK }}
					</p>
				</template>
			</ux-table-column>

			<ux-table-column property="LIFE_L" :title="tabelConfigObject.LIFE_L.caption"
				:width="tabelConfigObject.LIFE_L.width" :fixed="JSON.parse(tabelConfigObject.LIFE_L.isFlex) ? 'left' : ''
					" v-if="JSON.parse(tabelConfigObject.LIFE_L.isShow)">
				<template slot-scope="scope">
					<p class="hideTextView right-text" :style="'background:' + scope.row.LifelColor"
						:title="scope.row.LIFE_L">
						{{ scope.row.LIFE_L }}
					</p>
				</template>
			</ux-table-column>

			<ux-table-column property="LST_LST_THK" :title="tabelConfigObject.LST_LST_THK.caption"
				:width="tabelConfigObject.LST_LST_THK.width" :fixed="JSON.parse(tabelConfigObject.LST_LST_THK.isFlex)
					? 'left'
					: ''
					" v-if="JSON.parse(tabelConfigObject.LST_LST_THK.isShow)">
				<template slot-scope="scope">
					<p class="hideTextView right-text" :style="'background:' + scope.row.LstLstThkColor"
						:title="scope.row.LST_LST_THK">
						{{ scope.row.LST_LST_THK }}
					</p>
				</template>
			</ux-table-column>
			<ux-table-column property="LIFE_S" :title="tabelConfigObject.LIFE_S.caption"
				:width="tabelConfigObject.LIFE_S.width" :fixed="JSON.parse(tabelConfigObject.LIFE_S.isFlex) ? 'left' : ''
					" v-if="JSON.parse(tabelConfigObject.LIFE_S.isShow)">
				<template slot-scope="scope">
					<p class="hideTextView right-text" :style="'background:' + scope.row.LifesColor"
						:title="scope.row.LIFE_S">
						{{ scope.row.LIFE_S }}
					</p>
				</template>
			</ux-table-column>
			<ux-table-column property="FIN_LST_THK" :title="tabelConfigObject.FIN_LST_THK.caption"
				:width="tabelConfigObject.FIN_LST_THK.width" :fixed="JSON.parse(tabelConfigObject.FIN_LST_THK.isFlex)
					? 'left'
					: ''
					" v-if="JSON.parse(tabelConfigObject.FIN_LST_THK.isShow)">
				<template slot-scope="scope">
					<p class="hideTextView right-text" :style="'background:' + scope.row.FinLstThkColor"
						:title="scope.row.FIN_LST_THK">
						{{ scope.row.FIN_LST_THK }}
					</p>
				</template>
			</ux-table-column>
			<ux-table-column property="LIFE_M" :title="tabelConfigObject.LIFE_M.caption"
				:width="tabelConfigObject.LIFE_M.width" :fixed="JSON.parse(tabelConfigObject.LIFE_M.isFlex) ? 'left' : ''
					" v-if="JSON.parse(tabelConfigObject.LIFE_M.isShow)">
				<template slot-scope="scope">
					<p class="hideTextView right-text" :style="'background:' + scope.row.LifemColor"
						:title="scope.row.LIFE_M">
						{{ scope.row.LIFE_M }}
					</p>
				</template>
			</ux-table-column>
			<ux-table-column property="THCK_JUDGE" :title="tabelConfigObject.THCK_JUDGE.caption"
				:width="tabelConfigObject.THCK_JUDGE.width" :fixed="JSON.parse(tabelConfigObject.THCK_JUDGE.isFlex)
					? 'left'
					: ''
					" v-if="JSON.parse(tabelConfigObject.THCK_JUDGE.isShow)">
				<template slot-scope="scope">
					<p class="hideTextView" :title="scope.row.THCK_JUDGE">
						{{ scope.row.THCK_JUDGE }}
					</p>
				</template>
			</ux-table-column>
			<ux-table-column property="LIFE_DATE" :title="tabelConfigObject.LIFE_DATE.caption"
				:width="tabelConfigObject.LIFE_DATE.width" :fixed="JSON.parse(tabelConfigObject.LIFE_DATE.isFlex) ? 'left' : ''
					" v-if="JSON.parse(tabelConfigObject.LIFE_DATE.isShow)">
				<template slot-scope="scope">
					<p class="hideTextView isBG" :title="scope.row.LIFE_DATE">
						{{ scope.row.LIFE_DATE }}
					</p>
				</template>
			</ux-table-column>
			<ux-table-column property="INIT_THCK_VAL" :title="tabelConfigObject.INIT_THCK_VAL.caption"
				:width="tabelConfigObject.INIT_THCK_VAL.width" :fixed="JSON.parse(tabelConfigObject.INIT_THCK_VAL.isFlex)
					? 'left'
					: ''
					" v-if="JSON.parse(tabelConfigObject.INIT_THCK_VAL.isShow)">
				<template slot-scope="scope">
					<p class="hideTextView isBG" :title="scope.row.INIT_THCK_VAL">
						{{ scope.row.INIT_THCK_VAL }}
					</p>
				</template>
			</ux-table-column>

			<ux-table-column v-for="(Item, index) in DateList" :key="index" :title="Item.key" width="110">
				<template slot-scope="scope">
					<p :class="scope.row.dataJson[index].isColor == 'False'
						? ' hideTextView right-text'
						: 'hideTextView dateMessage right-text'
						" :title="scope.row[Item.key]">
						<el-tooltip placement="top" v-if="scope.row.dataJson[index].RemarksValue">
							<div slot="content">
								{{ scope.row.dataJson[index].RemarksValue
								}}<br v-if="scope.row.dataJson[index].HoverValue" />
								{{ scope.row.dataJson[index].HoverValue }}
							</div>
							<span :class="scope.row.dataJson[index].isGrey == 'False'
								? ''
								: 'isGrey'
								">
								<span :class="scope.row.dataJson[index].HoverValue
									? 'isBlue'
									: ''
									">
									<!-- {{ scope.row[Item.key] }} -->
									{{ scope.row.dataJson[index].data }}
								</span>
							</span>
						</el-tooltip>
						<span v-else :class="scope.row.dataJson[index].isGrey == 'False'
							? ''
							: 'isGrey'
							"><span :class="scope.row.dataJson[index].HoverValue
								? 'isBlue'
								: ''
								">
								<!-- {{ scope.row[Item.key] }} -->
								{{ scope.row.dataJson[index].data }}
							</span></span>
					</p>
				</template>
			</ux-table-column>
		</ux-grid>
	</div>
</template>

<script>
// import eventBus from "../../eventBus/bus";
// import $ from 'jquery'
// 导出模块
import eventBus from "@/eventBus/bus";
import { showLoading, hideLoading } from "@/utils/loading";
export default {
	// 模块名字
	name: "BHTabel",
	props: {
		tableHeight: Number,
		prposTabelData: Array,
		loading: Boolean,
		tabelConfigObject: Object,
		empty: String,
	},
	// 模块数据
	data() {
		//数据
		return {
			DateList: [],
			currentStartIndex: 0,
			currentEndIndex: 0,

			currentRow: null,
			activeNum: 0,
			nextIndex: -1,

			reLoadFlg: true,

		};
	},
	// 注册组件
	components: {},
	// 监听指定值，只有指定值变化，才会触发
	watch: {
		prposTabelData: {
			immediate: true,
			handler(nData, oData) {
				showLoading();
				this.reLoadFlg = false;

				this.prposTabelData.forEach((i, v) => {
					i.maxNo = this.prposTabelData[this.prposTabelData.length - 1].POS_ORDR
				})
				this.DateList = [];
				let _this = this;
				if (nData.length != 0) {
					let nextIndex = this.nextIndex == -1 ? this.activeNum : this.nextIndex;
					if (nextIndex >= this.prposTabelData.length) {
						nextIndex = this.prposTabelData.length - 1;
					}
					if (nextIndex < 0) {
						nextIndex = 0;
					}
					// if(nData.length > oData.length){
					// 	nextIndex = this.prposTabelData.length-1;
					// }
					this.$refs.singleTable.setCurrentRow(this.prposTabelData[nextIndex]);
					this.activeNum = nextIndex;
					this.$emit("getBHTabelRow", this.prposTabelData[nextIndex]);
					if (nextIndex >= 9) {
						this.$refs.singleTable.pagingScrollTopLeft((nextIndex - 2) * 33);
					}
					setTimeout(() => {
						this.nextIndex = -1;
						this.currentRow = this.prposTabelData[nextIndex];
					}, 50);
					// setTimeout(() => {
					this.DateList = nData[0].dataJson;
					this.$refs.singleTable.doLayout(true);
					// 	_this.$refs.singleTable.pagingScrollTopLeft(0, 0);
					// 	this.$refs.singleTable.setCurrentRow(this.prposTabelData[this.activeNum]);
					// 	_this.currentRow = _this.prposTabelData[0];
					// 	_this.$emit("getBHTabelRow", _this.prposTabelData[0]);
					// }, 1000);
				} else {
					_this.$emit("getBHTabelRow", 'no Data');
				}

				setTimeout(() => {
					hideLoading();
					this.reLoadFlg = true;

					this.$refs.singleTable.refreshColumn();
					this.$refs.singleTable.doLayout();
				}, 100)
			},
		},
	},
	// 里面的函数只有调用才会执行（实时计算）里面是定义的方法
	methods: {
		/**
		 * inAct 0up 1down
		 */
		doLayoutFn() {
			this.$refs.singleTable.doLayout(true);
		},
		setSelectRowByUpOrDown(inAct) {
			// debugger;
			let _self = this;
			let currentIndex = this.prposTabelData.findIndex((item) => {
				return _self.currentRow == item;
			});
			if (
				(currentIndex == 0 && inAct == 0) ||
				(currentIndex >= this.prposTabelData.length - 1 && inAct == 1)
			)
				return;

			let tempIndex = -1;
			if (inAct == 0) {
				for (let i = currentIndex - 1; i >= 0; i--) {
					if (
						this.prposTabelData[i].POS_ORDR !=
						this.currentRow.POS_ORDR
					) {
						tempIndex = i;
						break;
					}
				}
			} else {
				for (
					let i = currentIndex + 1;
					i < this.prposTabelData.length;
					i++
				) {
					if (
						this.prposTabelData[i].POS_ORDR !=
						this.currentRow.POS_ORDR
					) {
						tempIndex = i;
						break;
					}
				}
			}

			if (tempIndex == -1) return;

			setTimeout(function () {
				_self.$refs.singleTable.pagingScrollTopLeft(tempIndex * 32);
				_self.$refs.singleTable.setCurrentRow(
					_self.prposTabelData[tempIndex]
				);
				_self.currentRow = _self.prposTabelData[tempIndex];
			});

			this.$emit("getBHTabelRow", this.prposTabelData[tempIndex]);
		},

		setCurrentByR(r) {
			for (var i = 0; i < this.prposTabelData.length; i++) {
				if (
					this.prposTabelData[i].POS_NAME &&
					this.prposTabelData[i].POS_NAME == r
				) {
					let _this = this;
					setTimeout(function () {
						_this.$refs.singleTable.pagingScrollTopLeft(i * 32);
						_this.$refs.singleTable.setCurrentRow(
							_this.prposTabelData[i]
						);
					});
					// if (this.$store.state.macNameb == this.prposTabelData[i].MAC_NUMB) {
					//   this.$store.commit(
					//     "changeMacName",
					//     this.prposTabelData[i].MAC_NAME
					//   );
					//   eventBus.$emit("BHTabelRowPush", this.prposTabelData[i]);
					// }
					this.$emit("getBHTabelRow", this.prposTabelData[i]);
					return;
				}
			}
		},
		handleCurrentChange(val) {

			eventBus.$emit('getBasicStyleCompontensCurrent_EventBus');	//	基本仕样

			let Fn = () => {
				this.$emit("getBHTabelRow", val, false);
				this.$store.state.threeFlg = val.POS_NO;

				this.currentRow = val;

				this.prposTabelData.forEach((i, v) => {
					if (i == this.currentRow) {
						this.activeNum = v;
					}
				});
				this.$refs.singleTable.setCurrentRow(this.currentRow);
				this.$emit("getBHTabelRow", val);
			}

			if (this.$store.state.isCurrentNext) {
				Fn();
			} else {
				/**
				  * 4-1。   记录原来该运行的函数。
				  * 4-2。   执行保存弹出框操作。   
				  */
				this.$refs.singleTable.setCurrentRow(this.currentRow);
				this.$store.commit("changeIsCurrentFn", Fn);

				eventBus.$emit('EventBusBasicStyleCompontensSaveFn');	//	基本仕样
			}

		},
		clickROW(row) {
			console.log(row);
		},
		load() {
			let res = this.$refs.singleTable.bodyWrapper;
			let scrollLeft = res.scrollLeft;
			if (scrollLeft > 0) return;
		},
		handelLoadmore(currentStartIndex, currentEndIndex) {
			this.currentStartIndex = currentStartIndex;
			this.currentEndIndex = currentEndIndex;
		},
	},
	// 创建前状态(里面是操作)
	beforeCreate() { },
	// 创建完毕状态(里面是操作)
	created() { },
	computed: {
		filteredData() {
			return this.tableData.filter((item, index) => {
				if (index < this.currentStartIndex) {
					return false;
				} else if (index > this.currentEndIndex) {
					return false;
				} else {
					return true;
				}
			});
		},
	},
	// 挂载前状态(里面是操作)
	beforeMount() { },
	// 挂载结束状态(里面是操作)
	mounted() {
		// 设置选择第几行
		/**
		 * 1.默认第一行，表格刷新第一行
		 * 2.新增修改，传唯一值（POS_NO），设置当前行
		 * 3.数据修改切换数据，提示是否保存。----实现思路，记录点击后的POS_NO，并不切换，等，需要切换时刷新即可
		 */
		eventBus.$on("SET_H", (isInit) => {
			var Num = 0;
			if (isInit) {
				Num = this.$store.state.threeFlg;
			} else {
				Num = 0;
			}
			let V = 0;
			this.prposTabelData.forEach((i, v) => {
				if (i.POS_NO == Num) {
					V = v;
				}
			});
			this.$refs.singleTable.setCurrentRow(this.prposTabelData[V]);
			this.currentRow = this.prposTabelData[V];
			this.$emit("getMSTabelRow", this.prposTabelData[V]);
			this.$emit("getBHTabelRow", this.prposTabelData[V]);
			this.currentRow = this.prposTabelData[V];
			if (V >= 9) {
				this.$refs.singleTable.pagingScrollTopLeft((V - 2) * 33);
			} else {
				this.$refs.singleTable.pagingScrollTopLeft(0);
			}
		})

		eventBus.$on("goNextOfCenterTable", () => {

			if (this.nextIndex == -1) {
				return
			}
			this.$refs.singleTable.setCurrentRow(this.prposTabelData[this.nextIndex]);
			this.$emit("getBHTabelRow", this.prposTabelData[this.nextIndex]);
			if (this.nextIndex >= 9) {
				this.$refs.singleTable.pagingScrollTopLeft((this.nextIndex - 2) * 33);
			}
			setTimeout(() => {
				this.nextIndex = -1;
				// this.currentRow = this.prposTabelData[this.activeNum];
			}, 50);
		});
		eventBus.$on("onChangeSelectClick", (e) => {
			this.setSelectRowByUpOrDown(e);
		});
		// eventBus.$on("resetTabelStyleForBH", () => {
		// 	setTimeout(() => {
		// 		this.$refs.singleTable.doLayout(true);
		// 	}, 300);
		// });

		eventBus.$on("resetTabelStyleForBH", (setNum) => {
			setTimeout(() => {
				this.$refs.singleTable.doLayout(true);
			}, 300);
			// if(setNum){
			setTimeout(() => {
				this.$refs.singleTable.setCurrentRow(this.prposTabelData[this.activeNum]);
				this.currentRow = this.prposTabelData[this.activeNum];
				this.$emit("getMSTabelRow", this.prposTabelData[this.activeNum]);
				if (this.activeNum >= 9) {
					this.$refs.singleTable.pagingScrollTopLeft((this.activeNum - 2) * 33);
				}
			}, 700);
			// }else{
			// 	this.$refs.singleTable.setCurrentRow(this.prposTabelData[0]);
			// 	this.currentRow = this.prposTabelData[0];
			// 	// this.$emit("getMSTabelRow", this.prposTabelData[0]);
			// }
		});

	},
	// 更新前状态(里面是操作)
	beforeUpdate() { },
	// 更新完成状态(里面是操作)
	updated() { },
	// 销毁前状态(里面是操作)
	beforeDestroy() {
		eventBus.$off("goNextOfCenterTable");
		eventBus.$off("onChangeSelectClick");
		eventBus.$off("resetTabelStyleForBH");
		eventBus.$off("SET_H");
	},
	// 销毁完成状态(里面是操作)
	destroyed() { },
};
</script>
<style lang="scss" scoped>
.right-text {
	width: 100%;
	height: 100%;
	text-align: right;
}

.dateMessage {
	width: 100%;
	height: 30px;
	background: rgb(255, 255, 224);
}

.hideTextView {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

::v-deep .el-table .cell {
	line-height: 32px;
}

.isGrey {
	color: rgb(202, 202, 202);
}

.isBG {
	background: rgb(224, 255, 255);
	width: 100%;
	height: 30px;
}

.isBlue {
	color: rgb(77, 77, 255);
}

.el-dropdown-link {
	cursor: pointer;
}



::v-deep .elx-table.border--full .elx-table--fixed-left-wrapper {
	border: 0 none;
}

::v-deep .elx-table .elx-table--fixed-left-wrapper.scrolling--middle {
	box-shadow: none;
}
</style>
